<template>
  <div>
    <Header/>
    <Banner ref="banner"/>
    <Features/>
    <Video ref="video"/>
    <CallToAction/>
    <CallToActionTwo/>
    <Testimonial ref="testimonial"/>
    <!--    <Brands/>-->
    <Counter ref="counter"/>
    <Screenshots ref="screenshots"/>
    <Faq ref="faq"/>
    <BlogHome ref="bloghome"/>
    <Subscribe/>
    <Footer/>
  </div>
</template>
<script>
import Header from "~/components/Header.vue";
import Banner from "~/components/Banner.vue";
import Features from "~/components/Features.vue";
import Video from "~/components/Video.vue";
import CallToAction from "~/components/CallToAction.vue";
import CallToActionTwo from "~/components/CallToActionTwo.vue";
import Pricing from "~/components/Pricing.vue";
import Testimonial from "~/components/Testimonial.vue";
import Brands from "~/components/Brands.vue";
import Counter from "~/components/Counter.vue";
import Screenshots from "~/components/Screenshots.vue";
import Faq from "~/components/Faq.vue";
import BlogHome from "~/components/BlogHome.vue";
import Subscribe from "~/components/Subscribe.vue";
import Footer from "~/components/Footer.vue";

export default {
  components: {
    Header,
    Banner,
    Features,
    Video,
    CallToAction,
    CallToActionTwo,
    Pricing,
    Testimonial,
    Brands,
    Counter,
    Screenshots,
    Faq,
    BlogHome,
    Subscribe,
    Footer,
  },
  mounted() {
    this.initData()
  },
  methods: {
    initData() {
      //请求banner
      this.$refs.banner.getValue()
      //请求视频
      this.$refs.video.getValue()
      //counter
      this.$refs.counter.getValue()
      //荣誉墙
      this.$refs.screenshots.getData()
      //faq
      this.$refs.faq.getData()
      //师资力量
      this.$refs.testimonial.getData()
      //新闻
      this.$refs.bloghome.getData()

    }
  }
}
</script>
